{% extends "base.html" %}{% load i18n %}
{% block title %}{% translate "Radio and TV" %}{% endblock %}
{% block content %}
<div class="page-head">
  <div>
    <h1>{% translate "Radio and TV" %}</h1>
    <p>{% translate "Where callers can hear and watch the church’s programmes." %}</p>
  </div>
  <div class="actions">
    {% if inactive %}<a class="btn btn-quiet" href="?{% if not show_all %}show=all{% endif %}">{% if show_all %}{% translate "Hide stations no longer on air" %}{% else %}{% translate "Also show stations no longer on air" %}{% endif %}</a>{% endif %}
    {% if user.is_supervisor %}<a class="btn btn-primary" href="{% url 'media_add' %}">{% translate "Add a station or programme" %}</a>{% endif %}
  </div>
</div>

{% for label, items in groups %}
<section aria-label="{{ label }}" style="margin-bottom:24px">
  <h2 style="margin-bottom:10px">{{ label }}</h2>
  <div class="media-grid">
    {% for m in items %}
    <article class="media-card{% if not m.active %} off{% endif %}">
      <div class="media-top">
        <h3>{{ m.station }}</h3>
        {% if m.frequency %}<span class="media-freq num">{{ m.frequency }}</span>{% endif %}
      </div>
      {% if m.programme %}<p class="title">{{ m.programme }}</p>{% endif %}
      {% if m.schedule %}<p class="media-when">{{ m.schedule }}</p>{% endif %}
      {% if m.coverage %}<p class="small muted">{{ m.coverage }}</p>{% endif %}
      {% if m.note %}<p class="small">{{ m.note }}</p>{% endif %}
      <div class="media-foot">
        {% if m.link %}<a href="{{ m.link }}" target="_blank" rel="noopener">{% translate "Open link" %}</a>{% endif %}
        {% if not m.active %}<span class="pill">{% translate "No longer on air" %}</span>{% endif %}
        {% if user.is_supervisor %}<a class="btn btn-small btn-quiet" href="{% url 'media_edit' m.pk %}">{% translate "Change" %}</a>{% endif %}
      </div>
    </article>
    {% endfor %}
  </div>
</section>
{% empty %}
<div class="panel empty"><strong>{% translate "No stations listed yet." %}</strong>{% if user.is_supervisor %}{% translate "Add each radio and TV station with its frequency or channel and programme times." %}{% else %}{% translate "A supervisor will add the church’s radio and TV programmes." %}{% endif %}</div>
{% endfor %}
{% endblock %}